﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Product Summary</title>
    <link rel="stylesheet" href="${contextPath }/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/validation/validation.js"></script>    
</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="../right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width: 1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width: 20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:200px;">Place Order</p>
                            <p>Your order is based on the information you provide in your quote. This process begins with the configuration details. You can select 'Edit' next to 'Quote Complete' to adjust data you provided in the original quote.</p>
                            <br />
                            <h2 class="order normal-gray">Quote Complete
                                 <a href="${contextPath}/edit-quote/system-configuration-simplex" class="edit-quote-shortlink">Edit</a>
                            </h2>
                            <h2 class="order">Product Configuration</h2>
                            <div class="quoteProcessContainer">
                                <div class="quote-process-item">
                                    <span class="passed">
                                        System 
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span class="passed">
                                        Car Configuration
                                    </span>
                                </div>
                                <div class="quote-process-item-active">
                                    <span>
                                        Product Summary
                                    </span>
                                </div>
                            </div>
                            <h2 class="order">Shipping Details</h2>
                            <h2 class="order">Finish Order</h2>

                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <div class="title">
                                PRODUCT SUMMARY
                            </div>
                             <div class="wrap-item-container wd_500">
                               	<p class="mceTextOrange">
                                    JOB NAME: <span class="bold colorDefault">FPT Test Data</span>
                                </p>
                            </div>
                           <div class="wd_570 mce-align-center">

                                <!--STEP 6-->
                                <div class="wrap-item-container wd_580">
                                    <p class="normal-and-italic">
                                        The following are the selections you have made, select 'Verify and Select Shipping' to continue. If there are errors in your selections, you can select the correct step in the nav to the left or hit back below.
                                    </p>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-top:35px">
                                    <h3>System
                                    <span class="spanLink float_right" onclick="javascript:window.location.href='${contextPath}/create-order/product-configuration/system-simplex';">EDIT</span>
                                    </h3>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr"/>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Lobby Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">1 </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Parking Required</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Main Parking Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">1</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Park w/ Door Open</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Door Hold Operation</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Not Required</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Photo-eye Cutout Switch Req.</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Serviced - 1st Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Serviced - 2nd Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Serviced - 3rd Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Serviced - 4th Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Serviced - 5th Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Label - 1st Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">1</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Label - 2nd Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">2</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Label - 3rd Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">3</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Label - 4th Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">4</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Label - 5th Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">5</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Secured - 1st Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Secured - 2nd Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Secured - 3rd Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Secured - 4th Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Landing Secured - 5th Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-top:35px">
                                    <h3>Fire Op.
                                    	<span class="spanLink float_right" onclick="javascript:window.location.href='${contextPath}/create-order/car-configuration/fire-op-simplex';">EDIT</span>	
                                    </h3>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr"/>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Main Fire Floor</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">1 </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Add. Phase 1 Recall Switch</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-top:35px">
                                    <h3>Indicators
                                    	<span class="spanLink float_right" onclick="javascript:window.location.href='${contextPath}/create-order/car-configuration/indicators-simplex';">EDIT</span>
                                    </h3>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr"/>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Passing Floor Gong</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Nudging Buzzer</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Fire Service Light & Buzzer</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Yes </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Egress Floor Gong</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-top:35px">
                                    <h3>Door Op.
                                    <span class="spanLink float_right" onclick="javascript:window.location.href='${contextPath}/create-order/car-configuration/door-op-simplex';">EDIT</span>
                                    </h3>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr"/>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Nudging Output</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Reduce Torque w/ Buzzer</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Nudging During Fire Recall</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Nudging w/ Stuck Photo Eye</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Photo Eye Anti - Nuisance</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-top:35px">
                                    <h3>Config.
                                    	<span class="spanLink float_right" onclick="javascript:window.location.href='${contextPath}/create-order/car-configuration/config-simplex';">EDIT</span>
                                    </h3>
                                </div>
                                <div class="wrap-item-container wd_580" style="margin-bottom:-24px;">
                                    <hr class="yellow-hr"/>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Collapsible Cartop Rail</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">Car Call Registered Buzzer</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">No</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580" style="min-height:19px;">
                                    <div class="html-control-container" style="line-height:15px; height:10px;" >
                                        <div class="label-wrap wd_185">In Car Inspection</div>
                                        <div class="field-wrap summary-detail">
                                            <span class="bold-and-italic">Not required</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_580">
                                    <div class="buttonContainer">
                                        <input type="button" onclick="javascript: window.location.href = '${contextPath}/create-order/car-configuration/config-simplex'" style="float:none;" class="mce back" value="BACK" />
                                        <input type="submit" onclick="javascript: window.location.href = '${contextPath}/create-order/shipping-details/select-shipping-simplex'" style="float:none; text-transform:none;" class="mce" value="Verify and Select Shipping" />
                                    </div>
                                </div>
                                <!--/STEP 6-->                                
                            </div>

                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width: 20%;">
                        <%@include file="../right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath }/resources/images/Nidec.jpg" />
            <img src="${contextPath }/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
